<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:fb="http://ogp.me/ns/fb#" 
      xmlns:siseventos="http://java.sun.com/jsf/composite/components" 
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
       

        <h:outputStylesheet library="css" name="default.css"/>
        <h:outputStylesheet library="css" name="cssLayout.css"/>


        <ui:insert name="header">
            <script type="text/javascript">
                function redirect(url){
                    window.location.href = url;
                }
            </script>
        </ui:insert>

        <title>SisEventos - Sistema de Gerenciamento de Eventos</title>
    </h:head>
    <h:body>

        <!-- AddThis Button BEGIN -->
        <div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:150px;">
            <a class="addthis_button_facebook_like"></a>
            <a class="addthis_button_tweet"></a>
            <a class="addthis_button_google_plusone"></a>
            <a class="addthis_counter"></a>
        </div>
        <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50b95dc260c0734e"></script>
        <!-- AddThis Button END -->       


        <!-- API Facebook Like Box-->
        <div id="fb-root"></div>
        <script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>


        <h:form id="frmSisEventos">
            <div class="estrutura">

                <!-- Topo -->
                <div class="top"> 
                    <div class="boxLoginCeub">
                        <div class="loginCeub">
                            <div class="loginTopo">Site Institucional | Fale Conosco | Contatos</div>                       
                        </div>
                        <div class="compartilhar">Compartilhe</div>
                        <div class="redesSociais">
                            <p:graphicImage value="/paginas/images/face.png"/>
                            <p:graphicImage value="/paginas/images/twitter.png"/>
                            <p:graphicImage value="/paginas/images/youtube.png"/>
                            <p:graphicImage value="/paginas/images/bloger.png"/>
                            <p:graphicImage value="/paginas/images/picasa.png"/>
                        </div>
                    </div>           
                </div>

                <!-- Menu GERENCIAR SERVIÇOS-->
                <div class="menu">
                    <p:menubar autoDisplay="true" >
                        <p:menuitem value="Home" icon="ui-icon-home" url="/paginas/home.xhtml" />                            
                        <p:submenu label="Manutenção" icon="ui-icon-person">    
                            <p:submenu label="Evento" >
                                <p:menuitem value="Gerenciar Evento" url="/paginas/administrativo/gerenciarEvento.xhtml" /> 
                                <p:menuitem value="Tipo de Evento" url="/paginas/administrativo/gerenciarTipoEvento.xhtml" /> 
                            </p:submenu>
                            <p:submenu label="Local" >
                                <p:menuitem value="Gerenciar Local" url="/paginas/administrativo/gerenciarLocal.xhtml" /> 
                                <p:menuitem value="Tipo de Local" url="/paginas/administrativo/gerenciarTipoLocal.xhtml" /> 
                            </p:submenu>
                            <p:menuitem value="Papel" url="/paginas/administrativo/gerenciarPapel.xhtml" />
                            <p:menuitem value="Participante" url="/paginas/administrativo/gerenciarParticipante.xhtml" />
                            <p:menuitem value="Perfil" url="/paginas/administrativo/gerenciarPerfil.xhtml" />
                            <p:submenu label="Público" >
                                <p:menuitem value="Gerenciar Público" url="/paginas/administrativo/gerenciarPublico.xhtml" /> 
                                <p:menuitem value="Tipo de Público" url="/paginas/administrativo/gerenciarTipoPublico.xhtml" /> 
                            </p:submenu>
                            <p:submenu label="Recurso" >
                                <p:menuitem value="Gerenciar Recursos" url="#" /> 
                                <p:menuitem value="Tipo Recurso" url="/paginas/administrativo/gerenciarTipoRecurso.xhtml" /> 
                            </p:submenu>   
                            <p:submenu label="Serviço" >
                                <p:menuitem value="Gerenciar Serviço" url="/paginas/administrativo/gerenciarServico.xhtml" /> 
                                <p:menuitem value="Prestador de Serviço" url="/paginas/administrativo/gerenciarPrestadorServico.xhtml" /> 
                            </p:submenu>                      
                        </p:submenu>

                        <!-- Menu GERENCIAR ATIVIDADES-->
                        <p:submenu label="Manter atividades" > 
                            <p:submenu label="Atividade" >
                                <p:menuitem value="Gerenciar Atividades" url="#" /> 
                                <p:menuitem value="Tipo Atividade" url="/paginas/administrativo/gerenciarTipoAtividade.xhtml" /> 
                                <p:menuitem value="Alocar Recursos" url="#" /> 
                                <p:menuitem value="Funcionalidade" url="/paginas/administrativo/gerenciarFuncionalidade.xhtml" /> 
                                <p:menuitem value="Avaliação" url="#" /> 
                            </p:submenu>
                        </p:submenu> 

                        <!-- Menu GERENCIAR RELATÓRIOS-->
                        <p:menuitem value="Relatórios" url="/paginas/administrativo/gerarRelatorios.xhtml" />

                        <!-- Menu GERENCIAR EVENTOS-->
                        <p:submenu label="Evento" > 
                            <p:menuitem value="Notícias" url="#" /> 
                            <p:submenu label="Palestrantes" >
                                <p:menuitem value="Convidados" url="#" /> 
                                <p:menuitem value="Professores" url="#" /> 
                                <p:menuitem value="Alunos" url="#" />                    
                            </p:submenu>
                            <p:menuitem value="Serviços" url="#" />
                            <p:menuitem value="Imagens" url="#" />
                            <p:menuitem value="Localização" url="#" />
                        </p:submenu> 

                        <p:menuitem value="Contato" url="#"/> 
                    </p:menubar>
                </div>

                <!-- Conteúdo -->
                <div class="boxSlide">
                    <p:imageSwitch effect="fade" id="images" widgetVar="gallery"
                                   slideshowAuto="true" style="width: 960px; height: 250px"
                                   slideshowSpeed="4000">                         
                        <p:graphicImage value="/paginas/images/bannerCeub_01.jpg" />  
                        <p:graphicImage value="/paginas/images/bannerCeub_02.jpg" />
                        <p:graphicImage value="/paginas/images/bannerCeub_03.jpg" />
                        <p:graphicImage value="/paginas/images/bannerCeub_04.jpg" />                   
                    </p:imageSwitch>  
                </div>

                <div class="left">
                    <p:dataTable
                        value="#{homeBean.eventos}"
                        paginator="true" rows="1"
                        rowsPerPageTemplate="1"
                        paginatorPosition="bottom"                        

                        paginatorTemplate=
                        "{FirstPageLink}
                        {PreviousPageLink}
                        {PageLinks}
                        {NextPageLink}
                        {LastPageLink}"
                        var="evento"
                        styleClass="gridNoLine"
                        style="width: auto; height: 380">
                        <p:column styleClass="ui-widget-content">

                            <p:panelGrid
                                columns="2">
                                <p:panelGrid columns="1"
                                             styleClass="gridNoLine">
                                    <h:outputLabel value="#{evento.nmeEvento}"
                                                   styleClass="t2 wrap"/>
                                    <p:separator />
                                    <h:graphicImage alt="#{evento.nmeEvento}"
                                                    library="images"
                                                    name="#{evento.urlImagemEvento}"
                                                    styleClass="imagemAnuncio"/>
                                    <h:outputLabel value="#{evento.dscEvento}"
                                                   styleClass="t3"/>

                                    <p:commandButton style="margin-top: 5px;"
                                                     value="Inscrever"
                                                     styleClass="btn-primary"
                                                     type="button"
                                                     onclick="#{homeBean.inscricaoUrl(evento.idtEvento)}">
                                    </p:commandButton>

                                </p:panelGrid>
                            </p:panelGrid>
                        </p:column>
                    </p:dataTable>
                </div>

                <div class="centerContent">
                        <p:tabView id="tabView" style="height:427px;">   
                        <p:tab id="tab1" title="Vestibular">  
                            <h:panelGrid columns="1" cellpadding="3">  
                                <p:graphicImage value="/paginas/images/vestibular.jpg" />  
                                <h:outputText id="tab1Text"
                                              value="O UniCEUB (Centro Universitário de Brasília) abriu as inscrições para o Vestibular 2013.
                                              As inscrições podem ser feitas até o dia 08 de Novembro de 2012 pelo site www.uniceub.br ou nos laboratórios do campus. 
                                              O valor da taxa de inscrição é de R$30,00.
                                              
                                              A prova será realizada no dia 10 de Novembro de 2012. 
                                              Mais informações, acesse www.uniceub.br." style="text-align: justify" />  
                            </h:panelGrid>  
                        </p:tab>  

                        <p:tab id="tab2" title="Calouros">  
                            <h:panelGrid columns="1" cellpadding="3">  
                                <p:graphicImage value="/paginas/images/calouros.jpg" />  
                                <h:outputText id="tab2Text" style="height: 427px" value="Todos os anos, o Diretório Central de Estudantes (DCE) do UniCEUB promove o Trote Solidário, uma gincana de arrecadação de material escolar. A brincadeira envolve os calouros de todos os cursos da Instituição.
                                              Neste semestre, a arrecadação foi de 28 de fevereiro a 20 de abril. Gabriela Benício, presidente do DCE, explica que as doações são destinadas a projetos sociais."/>  
                            </h:panelGrid>  
                        </p:tab>  

                        <p:tab id="tab3" title="Campus">  
                            <h:panelGrid columns="1" cellpadding="3">
                                <p:graphicImage value="/paginas/images/ceub.jpg" />  
                                <h:outputText id="tab3Text" style="height: 427px" value="Pioneirismo sempre foi uma característica do UniCEUB. A Instituição foi inaugurada em 1968, com o nome de Centro de Ensino Unificado de Brasília - CEUB. Oferecia cursos de ensino superior no período noturno, uma opção à Universidade de Brasília, que só tinha aulas no período diurno. No primeiro vestibular do UniCEUB, todas as vagas foram preenchidas."/>  
                            </h:panelGrid>  
                        </p:tab>  

                    </p:tabView>                     

                </div>

                <div class="rightContent">
                    <div class="fb-like-box" data-href="http://www.facebook.com/PerfilUniCEUB?ref=ts&amp;fref=ts" 
                         data-width="300" data-height="436" data-show-faces="true" data-border-color="#dedede" 
                         data-stream="false" data-header="false">                        
                    </div>
                </div>

                <!-- Rodapé -->
                <div class="bottom">
                    <div><hr style="color: #ccc"></hr></div>
                    <div id="rodape"><br/>
                        CAMPUS - SEPN 707/907 Campus do CEUB - Asa Norte - Brasília - DF - CEP 70790-075 - 
                        Informações: +55 (61)3966-1200<br/>Copyright © 2012 UniCEUB. Todos os direitos reservados |
                        <a href="#">Condições de Uso</a> | <a href="#">Política de Privacidade</a>
                    </div>
                </div>
            </div>
        </h:form>


    </h:body>

</html>

